<template>
    <div class="restore-settings">
      <h2>恢复设置</h2>
      <el-form :model="restoreSettings" label-width="100px">
        <el-form-item label="恢复前检查">
          <el-switch v-model="restoreSettings.checkEnabled" :active-value="true" :inactive-value="false"></el-switch>
        </el-form-item>
        <el-form-item label="恢复后操作">
          <el-switch v-model="restoreSettings.postActionEnabled" :active-value="true" :inactive-value="false"></el-switch>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="handleSaveRestoreSettings">保存</el-button>
        </el-form-item>
      </el-form>
    </div>
  </template>
  
  <script setup lang="ts">
  import { ref } from 'vue';
  
  const restoreSettings = ref({
    checkEnabled: true,
    postActionEnabled: true,
  });
  
  const handleSaveRestoreSettings = () => {
    alert('保存恢复设置');
  };
  </script>